<ul>
</ul>

---

<ul>
    <li>
        <p>
            A1
        </p>
        <hr />
        <p>
            A2
        </p>
    </li>
    <li>
        <p>
            B1
        </p>
        <hr />
        <p>
            B2
        </p>
    </li>
    <li>
        <p>
            C1
        </p>
        <hr />
        <p>
            C2
        </p>
    </li>
    <li class="focused">
        <p>
            D1
        </p>
        <hr />
        <p>
            D2
        </p>
    </li>
    <li class="task-list-item">
        <input disabled="" type="checkbox" checked="" />
        <div>
            <p>
                E1
            </p>
            <hr />
            <p>
                E2
            </p>
        </div>
    </li>
</ul>

---

<ul>
    <li>
        A1
        <hr />
        A2
    </li>
    <li>
        B1
        <hr />
        B2
    </li>
    <li>
        C1
        <hr />
        C2
    </li>
    <li class="focused">
        D1
        <hr />
        D2
    </li>
    <li class="task-list-item">
        <input disabled="" type="checkbox" checked="" />
        E1
        <hr />
        E2
    </li>
</ul>